﻿.w1210{width:1210px;margin:0px auto;}
.down-line-title{font-size: 40px;color:#000;font-weight: bold;margin-bottom: 30px;}
.down-line-info{line-height: 26px;font-size: 16px;}
#down-line-school{padding:90px 0px 78px 0;border-bottom: 25px solid #f5f4f4}
.gallery-top {
  height: 530px;
  width: 1310px;margin:0px auto;
}
 .swiper-slide {
      background-size: cover;background-repeat: no-repeat;position: relative;overflow: hidden;
	 background-position: center;}
.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
width:1210px;margin:146px auto 0 auto;
}
.gallery-thumbs .swiper-slide {
  width: 25%;border-radius: 10px;
  height: 130px;
}
.gallery-thumbs .swiper-slide-thumb-active {
  border-radius: 10px;position: relative;top:-7px;
	overflow: hidden;
	border:8px solid #2bdaff;
}
.online-main .swiper-button-next{right:0; background: url("../model_images/right_index_btn.png") no-repeat center center;}
.online-main .swiper-button-prev{left:0;background: url("../model_images/left_index_btn.png") no-repeat center center;}
.down-line-main .swiper-button-next,.down-line-main .swiper-button-prev{width:60px;height: 60px;position: absolute;top:71%;margin-top:-30px;z-index:999999;}
.down-line-main .swiper-button-next{right:23px;background: url("../model_images/i_btn_right.png") no-repeat;}
.down-line-main .swiper-button-prev{left:23px;background: url("../model_images/i_btn_left.png") no-repeat;}

.b-v01-left{position: absolute;left:300px;bottom:0;z-index:10;visibility: hidden;opacity:0;transition: all .5s linear 0s;}
.b-v01-right{position: absolute;right:300px;bottom:0;z-index:5;visibility: hidden;opacity:0; transition: all .5s linear 0s;}

.b-v02-left{position: absolute;left:300px;bottom:0;z-index:10;visibility: hidden;opacity:0;transition: all .5s linear 0s;}
.b-v02-right{position: absolute;right:300px;bottom:0;z-index:5;visibility: hidden;opacity:0; transition: all .5s linear 0s;}

.swiper-slide-active .b-v01-left{visibility: inherit;left:0;opacity:1;transition: all .5s linear 0s;}
.swiper-slide-active .b-v01-right{visibility: inherit;right:52px;opacity:1;transition: all .5s linear 0s;}
.swiper-slide-active .b-v02-left{visibility: inherit;left:0px;opacity:1;transition: all .5s linear 0s;}
.swiper-slide-active .b-v02-right{visibility: inherit;right:52px;opacity:1;transition: all .5s linear 0s;}

.b-v01-left img{width:90%}




.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:1;pointer-events:auto;cursor:hand;cursor:pointer;}




.down-line-center{width:799px; height: 147px; background: url("../model_images/b_banner_c.png") no-repeat;padding:30px 170px 0px 166px;position: absolute;left:50%;margin-left:-567.5px;bottom:200px;z-index:100;}

.down-line-center{display:flex;justify-content: space-between}
.down-line-center dl{text-align: center;}
.down-line-center dl dt{margin-bottom: 10px;}
.down-line-center dl dt img{ height: 69px;width:auto; }

.down-line-center dl dd.title{font-size: 16px;color:#595959;font-weight: bold;margin-bottom: 5px;}
.down-line-center dl dd{font-size: 16px;color:#696969;}
.more-study{margin-top: 40px;}
.more-study a{font-size: 20px;color:#848484;font-weight: lighter;}
.more-study a:hover{color:#18b7fa;}
/*online-z-video*/
#online-z-video{padding:85px 0 70px 0px;}
.online-main{width:1210px;margin: 35px auto 0 auto; position: relative;}

.swiper-container2 {
    list-style: outside none none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}
.item-online{background: #f6f8fa;}
.item-online .thumb img{border-radius: 10px 10px 0 0;}
.item-online .item-online-title .title-left a{font-size: 25px;color:#474848;font-weight: bold;}
.item-online .item-online-title .title-left a sub{font-size: 16px;color:#545555;font-weight: normal;}
.item-online-title .title-hot{float: right;font-size: 18px;color:#ff504f;background:url("../model_images/fire.png") no-repeat left center / auto 18px;padding-left:20px;}
.item-online-bottom{padding:18px 25px 25px 17px;border-radius: 0px 0px 10px 10px;border:1px solid #e2e1e1;border-top:none;}
.item-online-title{margin-bottom: 15px;}
.item-online-bottom .detail dl dt{background: #e5e6e7;border-radius: 35px; line-height: 24px;padding:15px 10px; letter-spacing: -1px;margin-bottom: 20px;}
.item-online-bottom .detail dl dt a{font-weight: lighter;font-size: 15px;color:#585959; }
.item-online-bottom .detail dl dd{font-size: 15px;color:#7e7e7e; line-height: 24px;letter-spacing:0px;}
.item-online-bottom .detail dl dd a{color:#7e7e7e;}

/*student*/
#student{padding:84px 0px 90px 0;background: #f5f4f4;}
.student-title{font-size: 40px;color:#000;margin-bottom: 30px;font-weight: bold;}
.student-info{ line-height: 26px;color:#595959;font-size: 16px;margin-bottom: 30px;}
.student-sonchannel{text-align: center;margin-bottom: 35px;}
.student-sonchannel a{display: inline-block;border:1px solid #d5d5d5; background: #fff;width:106px; height: 33px; text-align: center; line-height: 33px;color:#585858;border-radius: 25px;margin:0px 12px;}
.student-sonchannel a:hover,.student-sonchannel a.active{ background: #18b7fa;color:#fff;border:1px solid #18b7fa;}


.item-student{width:288px; height: 280px;float:left;margin-right:19px;margin-bottom: 26px;}
.item-student:nth-child(4n){float:right;margin-right: 0;}
.item-student .thumb{width:288px; height: 184px; overflow: hidden;}

.item-student .thumb img{width:288px; height: 184px;border-radius: 10px 10px 0 0;}
.item-student dl dt{font-size: 18px;color:#424242;margin-bottom: 5px;}
.item-student dl dd{font-size: 12px;color:#777777;margin-bottom: 5px; line-height: 16px; height: 33px; overflow: hidden;}
.item-student .writer{font-size: 14px;color:#424242; text-align: right;}
.item-student-bottom{padding:8px 15px 12px 15px; background: #fff;border-radius: 0 0 10px 10px;border:1px solid #ebeaea;}
.item-student:hover .thumb img{transition: all .9s linear 0s;transform: scale(1.1,1.1);}
.item-student .thumb img{transition: all .9s linear 0s;transform: scale(1,1);}
.item-student .thumb {position: relative;}
.item-student a.showmore{width:90px; height: 25px; background: #18b7fa; text-align: center; line-height: 25px;display: block;position: absolute;bottom:-20px;left:50%;margin-left:-45px;color:#fff;border-radius: 25px;visibility:hidden;opacity:0;transition: all .3s linear 0s;}
.item-student:hover .thumb a.showmore{transition: all .3s linear 0s;opacity: 1;visibility: inherit;bottom:10px;}

.title-comm{font-size: 40px;color:#000;margin-bottom: 55px; text-align: center;font-weight: bold;}
.info-comm{font-size: 16px;color:#7e7d7d;margin-bottom: 35px; line-height: 24px; text-align: center;}

/*specal-teacher*/
#specal-teacher{padding:110px 0 95px 0;}
.swiper-container9{width:100%; height: 100%;}
.specal-teacher-main{width:1210px; height: 660px;position: relative;}
.specal-teacher-main .t-left-01{position: absolute;left:0;bottom:0;z-index:10;}
.specal-teacher-main .t-right-01{position: absolute;right:0;bottom:0;z-index:9;}
.specal-teacher-main .teacher-info{width:720px;float:right;padding-top: 86px;}

.specal-teacher-main .teacher-info .join{}
.specal-teacher-main .teacher-info .join .join-left{display: table-cell;width:82px;}
.specal-teacher-main .teacher-info .join .join-body{display: table-cell;vertical-align: top}

.specal-teacher-main .teacher-info h3{color:#26a4fd;font-size: 25px;margin-bottom: 40px;}
.specal-teacher-main .teacher-info h3 sub{color:#717171;font-size: 15px;margin-left:10px;}
.specal-teacher-main .teacher-info .join span{font-size: 15px;color:#26a4fd;}


.specal-teacher-main .teacher-info .join {font-size: 15px;color:#767575; line-height: 22px;margin-bottom: 25px; display: block;}

.swiper-container9{width:100%; overflow: hidden;}
.swiper-container9 .swiper-pagination{bottom:-50px;}
.swiper-container9 .swiper-pagination-bullet {
    border-radius: 2px;
    height: 5px;
    width: 62px;
}
.swiper-container9 .swiper-pagination-bullet-active {
    background: #16b9fc none repeat scroll 0 0;
}



.swiper-container9 .t-left-01{position: absolute;left:0;bottom:100px;z-index:10;visibility: hidden;opacity:0;transition: all .5s linear 0s;}
.swiper-container9 .t-right-01{position: absolute;right:0;bottom:-100px;z-index:5;visibility: hidden;opacity:0; transition: all .5s linear 0s;}

.swiper-container9 .swiper-slide-active .t-left-01{visibility: inherit;bottom:0;opacity:1;transition: all .5s linear 0s;}
.swiper-container9 .swiper-slide-active .t-right-01{visibility: inherit;bottom:0;opacity:1;transition: all .5s linear 0s;}


/*study-method*/
#study-method{background: url("../model_images/study_method.jpg") no-repeat center top; padding:59px 0 0px 0;}

.method-title{font-size: 36px;color:#18b7fa;margin-bottom: 25px;}
.method-title span{font-size: 28px;color:#000;}
.block135{width:100%; height: 135px;}

.say{width:930px;padding-left: 106px; background: url("../model_images/yh.png") no-repeat left top;padding-top: 27px;}
.say .say-title{font-size: 25px;color:#424242;margin-bottom: 35px; line-height: 38px;}
.say-content{ text-indent: 2em;font-size: 15px;color:#838486; line-height: 30px; height: 306px;overflow: hidden;}
.say-name{font-weight: bold;color:#838486;margin-top: 15px;}
.say-thumb img{width: 185px; height: auto;}
.say-thumb{position: absolute;right:-217px;top:138px;border-radius: 50%;border:2px solid #fff;width:185px; height: 185px; overflow: hidden;}
.say-item{position: relative;width:605px;}

.method-main{padding-bottom: 37px;}
.swiper-container8{width:100%; overflow: hidden;position: relative; height: 490px;}

.swiper-container8 .swiper-pagination{bottom:0;}
.swiper-container8 .swiper-pagination-bullet {
    border-radius: 2px;
    height: 5px;
    width: 62px;
}
.swiper-container8 .swiper-pagination-bullet-active {
    background: #16b9fc none repeat scroll 0 0;
}
.know-more{margin-top: 99px; text-align: center;color:#fff;}
.know-more a{color:#fff;font-size:20px;}
.know-more a:hover{color:#16b9fc;}


/*teaching-ganh*/
#teaching-ganh{padding:134px 0 98px 0;border-bottom: 28px solid #f5f4f4;}
.teaching-title{margin-bottom: 25px;}
.teaching-title span{font-size: 40px;color:#000;font-weight: bold;display: block;float:left;margin-right: 11px;}
.teaching-title .f-teaching-son{float:left;padding-top: 26px;}
.teaching-title .f-teaching-son a{display: inline-block;font-size: 16px;color:#6d6d6d;padding:0px 14px;}
.teaching-title .f-teaching-son a:hover,.teaching-title .f-teaching-son a.active{ color:#2bdaff;}
.teaching-title .showmore-title{float:right;padding-top: 26px;}
.teaching-title .showmore-title a{color:#6d6d6d;font-size: 14px;padding-right:17px; background: url("../model_images/know.png") no-repeat right center;background-size:15px 15px;}

.teaching-title .showmore-title a:hover{ background: url("../model_images/know_hover.png") no-repeat right center;}
.teaching-main{ height: 525px;width:100%;}
.teaching-main-left{padding-top: 9px;}
.teaching-main-right{width:770px;}
.teaching-item{width:237px; height: 265px; padding:9px 9px 9px 9px;border:1px solid #fff;border-radius: 7px;transition: all .3s linear 0s;}

.teaching-item dl{margin-bottom: 14px;}
.teaching-item dl dt{width:237px; height: 186px; overflow: hidden;border-radius: 7px;transition: all .3s linear 0s;}
.teaching-item dl dt img{border-radius: 7px 7px 0 0;transform: scale(1,1); transition: all .2s linear 0s;}
.teaching-item dl dt{margin-bottom: 15px;}
.teaching-item dl dd a{font-size: 16px;color:#625c5c;}
.teaching-item .key .keywords b{font-weight: normal;font-size: 12px;color:#989898;background: #eceaea;margin-right: 2px;}
.teaching-item .key .read{font-size: 12px;color:#989898;padding-top: 3px;}
.teaching-item .key .read b{font-weight: normal;color:#ffb45d;}
.teaching-item .key{line-height: 20px;}

.teaching-item:hover{border:1px solid #dddddd;transition: all .3s linear 0s;margin-top: -9px;}
.teaching-item:hover a{color:#2bdaff;}
.teaching-item:hover dl dt img{transform: scale(1.1,1.1); transition: all .2s linear 0s;}
.teaching-item:hover dl dt{}
.teaching-item-content{height: 274px;width:255px;}


/*souce*/
#source{padding:95px 0 98px 0;}
.source-main-content-left{width:820px;}
.source-main-content-right{width:335px;}
.source-main-content-right .top-ul ul li{padding-left:38px;margin-bottom: 25px; line-height: 25px; overflow: hidden; height: 25px;position: relative;}
.source-main-content-right .top-ul ul li span{display: none;}
.source-main-content-right .top-ul ul li a{font-size: 17px;color:#6a6969;}
.source-main-content-right .top-ul ul li a:hover{color:#18b7fa;}
.source-main-content-right .top-ul ul li span{position:absolute;right:0;top:0;}
.source-main-content-right .top-ul ul li:nth-child(1){background: url("../model_images/ico_1_11.png") no-repeat left center;}
.source-main-content-right .top-ul ul li:nth-child(2){background: url("../model_images/ico_1_12.png") no-repeat left center;}
.source-main-content-right .top-ul ul li:nth-child(3){background: url("../model_images/ico_1_13.png") no-repeat left center;}
.source-main-content-right .top-ul ul li:nth-child(4){background: url("../model_images/ico_1_14.png") no-repeat left center;}
.source-main-content-right .top-ul ul li:nth-child(5){background: url("../model_images/ico_1_15.png") no-repeat left center;}

.source-main-content-right .top-ul ul li:hover:nth-child(1){background: url("../model_images/ico_1_11_hover.png") no-repeat left center;}
.source-main-content-right .top-ul ul li:hover:nth-child(2){background: url("../model_images/ico_1_12_hover.png") no-repeat left center;}
.source-main-content-right .top-ul ul li:hover:nth-child(3){background: url("../model_images/ico_1_13_hover.png") no-repeat left center;}
.source-main-content-right .top-ul ul li:hover:nth-child(4){background: url("../model_images/ico_1_14_hover.png") no-repeat left center;}
.source-main-content-right .top-ul ul li:hover:nth-child(5){background: url("../model_images/ico_1_15_hover.png") no-repeat left center;}


.source-main-content-right .top-ul ul li:nth-child(1) span{display: block;}
.source-main-content-right .top-ul ul li:nth-child(2) span{display: block;}
.source-main-content-right .top-ul ul li:nth-child(3) span{display: block;}




.source-main-content-left .media{overflow: hidden;}
.source-main-content-left .media .media-left,.source-main-content-left .media .media-body{display: table-cell;}
.source-main-content-left .media .media-left{padding-right: 20px;vertical-align: top;position: relative; }
.source-main-content-left .media .media-left span{position: absolute;z-index:10;left:0;top:0;display: none;}
.source-main-content-left .media:nth-child(1)  .media-left span{display: block;}
.source-main-content-left .media:nth-child(2)  .media-left span{display: block;}
.source-main-content-left .media:nth-child(3) .media-left span{display: block;}

.source-main-content-left .media .media-body{width:1000px;}
.source-main-content-left .media .media-left img{border-radius: 7px;}

.source-main-content-left .media .media-body h4 a{font-size: 18px;color:#424242;}

.source-main-content-left .media .media-body h4{margin-bottom: 22px;}
.source-main-content-left .media .media-body p{line-height: 22px; height: 45px;overflow: hidden;margin-bottom: 48px;}
.source-main-content-left .media .media-body p a{font-size:13px;color:#999898; }
.source-main-content-left .media .media-body .read{font-size: 13px;color:#999898;}
.source-main-content-left .media .media-body .read .point{margin-right: 45px;}

.source-main-content-left .media{padding:14px 34px 14px 0;border:1px solid #fff;border-radius: 7px;transition: all .3s linear 0s;}
.source-main-content-left .media:hover h4 a{color:#18b7fa;transition: all .3s linear 0s;}
.source-main-content-left .media:hover {border:1px solid #f1f1f1; transition: all .3s linear 0s;}

.tags-comm-title{font-size: 19px;color:#625c5c;font-weight: bold;margin-bottom: 13px;margin-top: 11px;}
.tags-content a{display: inline-block;border:1px solid #d1d1d1;padding:5px 6px;border-radius: 25px; background: #fff;margin-bottom: 11px;transition: all .1s linear 0s;}
.tags-content a:hover{border:1px solid #18b7fa;color:#18b7fa;transition: all .1s linear 0s;}

/*envir-info*/
#envir-info{padding:103px 0px 96px 0; background: #f5f4f4;}

.envir-info-right{width:600px;}
.envir-info-main{width:100%; height: 404px;}
.envir-info-left{width:597px; height: 404px; overflow: hidden;transition: all .1s linear 0s;border-radius: 7px;}
.envir-info-right ul li{float:left;margin-bottom: 12px;width:295px; height: 196px; overflow: hidden;border-radius: 7px;}
.envir-info-right ul li img{transform:scale(1,1);transition: all .1s linear 0s;}
.envir-info-right ul li:hover img{transform:scale(1.2,1.2);transition: all .1s linear 0s;}

.envir-info-right ul li:nth-child(2n){float:right;}
.envir-info-left img{border-radius: 7px; transform: scale(1,1); transition: all .1s linear 0s;}
.envir-info-left:hover img{transform: scale(1.2,1.2); transition: all .1s linear 0s;}

.swiper-container10{position: relative; height: 476px; overflow: hidden;}
.swiper-container10 .swiper-pagination{bottom:0;}

.swiper-container10 .swiper-pagination-bullet {
    border-radius: 2px;
    height: 5px;
    width: 62px;
}
.swiper-container10 .swiper-pagination-bullet-active {
    background: #16b9fc none repeat scroll 0 0;
}

/*parent*/
#parent{padding:75px 0px 83px 0;}
.parent-main ul li{float: left;border:1px solid #f2f0f0;border-radius: 7px;margin-right: 10px; overflow: hidden;width:232px; height: 97px;margin-bottom: 13px;transition: all .3s linear 0s;}
.parent-main ul li img{transform: scale(1,1);transition: all .3s linear 0s;}
.parent-main ul li:hover{box-shadow:1px 4px 3px -1px #ccc; transition: all .3s linear 0s;}
.parent-main ul li:hover img{transform: scale(1.3,1.3);transition: all 1s linear 0s;}
.parent-main ul li:nth-child(5n){float: right;margin-right: 0;}




.fd-main{background: url("../model_images/fd_bg.png") no-repeat center bottom; position: fixed;bottom:0;left:0;width:100%;z-index:999999;}
.fd-main input[type="text"]{width:225px; height: 31px;border:1px solid #b2b1b1;border-radius: 5px;margin-right: 20px;}
.form-main{position: relative;padding:75px 0px 5px 288px;}
.cffffff{color:#ffffff;}
.cred{color:#fd3a5a;}
.fd-main input[type="submit"]{width:130px; height: 31px; background: #fc3f5e; border:1px solid #000;color:#fff;border-radius: 5px;}
.close-fd{width:28px; height: 28px;position: absolute;right:0;top:0;}
.close-fd a{display: block;width:100%; height: 100%;background: url("../model_images/close_fd.png") no-repeat; text-indent: -999em;}


















































































